<template>
  <section>
    <p>总页码数 total 小于等于页码最大显示数 pager-count，可以全部显示</p>
    <s-pager @current-change="handleCurrentChange" :current-page="2" :total="7"></s-pager>
    <br />
    <p>总页数 total 大于页码最大显示数 pager-count，此时无法全部显示</p>
    <s-pager @current-change="handleCurrentChange" :total="20"></s-pager>
    <br />
    <p>页码最大显示数 pager-count 是可以调整的</p>
    <s-pager @current-change="handleCurrentChange" :total="20" :pager-count="10"></s-pager>
  </section>
</template>

<script lang="ts" setup>
const handleCurrentChange = (current: number) => {
  console.log('当前页码：', current)
}
</script>
